<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 对不识别viewport设备优化 -->
    <meta name="HandheldFriendly" content="true">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <title>公司认证 | 商超世界</title>
    <link rel="icon" type="image/x-icon" href="../favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../public/css/reset.css">
    <script type="text/javascript" src="../public/js/rem.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/legalPerson_identity.css">
</head>

<body>
    <header>
        <a onclick="javascript:window.history.back(-1);return false" class="back">
            <img src="./images/back.png" alt="">
        </a>
        法人身份认证
    </header>
    <div class="main">
        <!-- 流程图 -->
        <div class="process"></div>

        <!-- 资料填写- -->
        <div class="identity">
            <!-- 身份证正面照 -->
            <section>
                <h3>上传法人身份证正面</h3>
                <ul class="clearfix">
                    <li>
                        <img src="./images/example1.png" alt="">
                        <p>示例</p>
                    </li>
                    <li>
                        <label class="addPhoto" for="front">
                            <img src="./images/upload.png" alt="">
                            <br/>
                        </label>
                        <!--点击上传图片后显示 -->
                        <div class="display frontImg">
                            <!-- 图片预览 -->
                            <img class="preview" height="100%">
                            <!-- 重新上传、删除 -->
                            <span class="photoOpe">
                                <label class="uploadLabel front" for="front">重新上传</label>
                                <label class="del">删除</label>
                                <form class="form">
                                    <input type="file" accept="image/jpg,image/jpeg,image/png" contenteditable="false" id="front">
                                </form>
                            </span>
                        </div>
                        <p>正面</p>
                    </li>
                </ul>
            </section>

            <!-- 手持身份证正面照 -->
            <section>
                <h3>上传法人身份证反面</h3>
                <ul class="clearfix">
                    <li>
                        <img src="./images/example3.png" alt="">
                        <p>示例</p>
                    </li>
                    <li class="photo">
                        <label class="addPhoto" for="front">
                            <img src="./images/upload.png" alt="">
                            <br/>
                        </label>
                        <!--点击上传图片后显示 -->
                        <div class="display frontImg">
                            <!-- 图片预览 -->
                            <img class="preview" height="100%;">
                            <!-- 重新上传、删除 -->
                            <span class="photoOpe">
                                <label class="uploadLabel front" for="front">重新上传</label>
                                <label class="del">删除</label>
                                <form class="form">
                                    <input type="file" accept="image/jpg,image/jpeg,image/png" contenteditable="false" id="front">
                                </form>
                            </span>
                        </div>
                        <p>反面</p>
                    </li>
                </ul>
            </section>
        </div>
        <!-- 下一步 -->
        <input type="button" value="下一步" class="next">
    </div>
</body>

</html>